﻿body 
{
    background: tan;
    color: White;
    font-family: Arial;
    font-size: 25px;
}

H1
{
    font-size: 30px;
}

#left
{
    background:black;
    float: left;
    width: 400;
}

#right
{
    background: #222222;
    float: left;
    width: 600;
    height: 650;
    margin-left: 25px;
}


.small
{
    font-size: 10px;
}

.debug
{
    color: #666666;
    font-size: 12px;
    font-family: Monospace;
}

table.inputtable
{
    border-collapse:collapse;
}

table.nestedinputtable
{
    border: none;
}

td.inputtable
{
    margin: 10px 30px 10px 30px;
    padding: 10px 30px 10px 30px;
    border: 1px solid Grey;
}
input.inputtable
{
    width: 50px;
}

#controls
{
    clear:both;
    position:absolute;
    top:600px;
    left: 400px;
}

/* photo and photo frame */
.photoframe
{
  background: #222222;
  width: 600px;
  height: 600px;
}

.pic
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
}

#advancedholder
{
    height: 250px;
}

#loadingdiv
{
    height: 100px;
}

/* buttons */
.controlbutton
{
    height: 50px;
    width: 50px;
}


	a.button {
		font-size:30px;
		color:#000;
		text-decoration:none;
		display:block;
		width:200px;
		margin: 10px 100px 10px 100px;
		padding: 10px;
		border:1px solid #DDD;
		text-align:center;

		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#888));
        background:-moz-linear-gradient(0% 90% 90deg, #888, #AAA);
		background:#AAAAAA;
        
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
        
	}
	a.button:hover {
		color:#fff;
		border-color:#3278BE;
	}

a.button:active {
	background:#4195DD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));
	background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);
}

